<div class="parent">
    <div class="divcenter" align="center">
        <mat-card class="example-card">
            <mat-card-header align="left">
                <div mat-card-avatar class="logo-image"></div>
                <mat-card-title>中国人民银行内审工作依据电子手册</mat-card-title>
                <mat-card-subtitle>版权所有：济南分行内审处</mat-card-subtitle>
            </mat-card-header>
            <img mat-card-image src="/assets/books.jpg"
                alt="Photo of a Shiba Inu">
            <form [formGroup]="form" (ngSubmit)="submit()">
                <mat-card-content>
                    <p>
                        <mat-form-field>
                            <input type="text" matInput placeholder="用户名" formControlName="username">
                        </mat-form-field>
                    </p>

                    <p>
                        <mat-form-field>
                            <input type="password" matInput placeholder="密码" formControlName="password">
                        </mat-form-field>
                    </p>

                    <p *ngIf="error" class="error">
                        {{ error }}
                    </p>
                </mat-card-content>
                <mat-card-actions>
                    <button type="submit" mat-button>登录</button>
                </mat-card-actions>
            </form>
        </mat-card>
    </div>
</div>